import Vue from 'vue'
import JLBottomLoading from './JLButton'
import JLButton from './JLButton.vue'
import JLContent from './JLContent.vue'
import JLFooter from './JLFooter.vue'
import JLHeader from './JLHeader.vue'
import JLTabs from './JLTabs.vue'
import JLPicker from './JLPicker.vue'
import JLPickerSlot from './JLPickerSlot.vue'
import JLAddress from './JLAddress.vue'
import JLFromInput from './JLFromInput.vue'
import JLFromButton from './JLFromButton.vue'
import JLFromTextarea from './JLFromTextarea.vue'
import JLFromDatepicker from './JLFromDatepicker.vue'
import JLFromSelect from './JLFromSelect.vue'
import JLFromQuery from './JLFromQuery.vue'
import JLImages from './JLImages.vue'
import JLBase from './JLBase.vue'
import JLFromSearch from './JLFromSearch.vue'
import JLSearchMyData from './JLSearchMyData'
import '../assets/css/component.css'
import '../assets/css/public.css'
import '../assets/css/private.css'
import '../assets/css/font-awesome.css'

const JLUI = {
  install: function (vue) {
    Vue.component('jl-bottom-loading', JLBottomLoading)
    Vue.component('jl-button', JLButton)
    Vue.component('jl-content', JLContent)
    Vue.component('jl-footer', JLFooter)
    Vue.component('jl-header', JLHeader)
    Vue.component('jl-tabs', JLTabs)
    Vue.component('jl-picker', JLPicker)
    Vue.component('jl-picker-slot', JLPickerSlot)
    Vue.component('jl-address', JLAddress)
    Vue.component('jl-from-input', JLFromInput)
    Vue.component('jl-from-button', JLFromButton)
    Vue.component('jl-from-textarea', JLFromTextarea)
    Vue.component('jl-from-datepicker', JLFromDatepicker)
    Vue.component('jl-from-select', JLFromSelect)
    Vue.component('jl-from-query', JLFromQuery)
    Vue.component('jl-images', JLImages)
    Vue.component('jl-base', JLBase)
    Vue.component('jl-from-search', JLFromSearch)
    Vue.component('jl-search-my-data', JLSearchMyData)
  }
}

export default JLUI
